<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Tienda Virtual JavaSmart</title>
<%@include file="referencia.jsp"%>
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
<script type="text/javascript" src="js/boxOver.js"></script>


<SCRIPT type="text/javascript">
	$(document).ready(function() {
		   $('#btnGuardar').click(function(){
			   ValidarCaja("#txtNombre", exprregnombres , messagenombres , true, false, 0);
			   ValidarCaja("#txtApePaterno", exprregnombres , messagenombres , true, false, 0);
			   ValidarCaja("#txtApeMaterno", exprregnombres , messagenombres , true, false, 0);
			   ValidarCaja("#txtEmail", exprregmail , messagemail , true, false, 0);
			   ValidarCaja("#txtFecNacimiento", exprrefecha , messagefecha , true, false, 0);
			   ValidarCaja("#txUsuario", exprregalfanumericos , messagealfanumericos , true, false, 0);
			   ValidarCaja("#txtPassword", exprregalfanumericos , messagealfanumericos , true, false, 0);
			   ValidarCaja("#txtNumCelular", exprregnumeros , messagenumeros , true, false, 0);
			   ValidarCaja("#txtNroDocumento", exprregalfanumericos , messagealfanumericos , true, false, 0);
			   
			   if(cont>0){
				   cont=0;			   
				   return false;
			   }
			   
			  
		   });
		   $('#txtNombre').blur(function(){
			   ValidarCaja("#txtNombre", exprregnombres , messagenombres , false, false, 0);
			   if(cont>0){cont=0;return false;}			  
		   });
		   $('#txtApePaterno').blur(function(){
			   ValidarCaja("#txtApePaterno", exprregnombres , messagenombres , false, false, 0);
			   if(cont>0){cont=0;return false;}			  
		   });
		   $('#txtApeMaterno').blur(function(){
			   ValidarCaja("#txtApeMaterno", exprregnombres , messagenombres , false, false, 0);
			   if(cont>0){cont=0;return false;}			  
		   });
		   $('#txtEmail').blur(function(){
			   ValidarCaja("#txtEmail", exprregmail , messagemail  , false, false, 0);
			   if(cont>0){cont=0;return false;}			  
		   });
		   $('#txtFecNacimiento').blur(function(){
			   ValidarCaja("#txtFecNacimiento", exprrefecha , messagefecha, false, false, 0);
			   if(cont>0){cont=0;return false;}			  
		   });
		   $('#txUsuario').blur(function(){
			   ValidarCaja("#txUsuario", exprregalfanumericos , messagealfanumericos, false, false, 0);
			   if(cont>0){cont=0;return false;}			  
		   });
		   $('#txtPassword').blur(function(){
			   ValidarCaja("#txtPassword", exprregalfanumericos , messagealfanumericos, false, false, 0);
			   if(cont>0){cont=0;return false;}			  
		   });
		   $('#txtNumCelular').blur(function(){
			   ValidarCaja("#txtNumCelular", exprregnumeros , messagenumeros, false, false, 0);
			   if(cont>0){cont=0;return false;}			  
		   });
		   $('#txtNroDocumento').blur(function(){
			   ValidarCaja("#txtNroDocumento", exprregalfanumericos , messagealfanumericos  , false, false, 0);
			   if(cont>0){cont=0;return false;}			  
		   });
		   		   
	 });
</SCRIPT>
<style type="text/css">
pre{display:none;}
.ErrorRequiere{color:Red;font-style:italic;font-size:13px;font-family:Arial;}
</style>


</head>
<body>
<div id="main_container">
<%@include file="header.jsp"%>
	<div id="main_content"> 
		<%@include file="menu.jsp"%>
		<%@include file="navigation.jsp"%>
		<%@include file="left_content.jsp"%>
<div class="center_content">
   

   
   
   	<div class="center_title_bar">Registrar Persona</div>
    
    	<div class="prod_box_big">
   <form id="form1" name="form1" method="post" action="RegistrarPersona">      
            <div class="center_prod_box_big">
              <div class="contact_form">
                <div class="form_row">
                  <label class="contact"><strong>Nombres :</strong></label>
                  <input type="text"  name="txtNombre" id="txtNombre" class="contact_input" />
                </div>
                <div class="form_row">
                  <label class="contact"><strong>Apellido Paterno :</strong></label>
                  <input type="text" name="txtApePaterno" id="txtApePaterno"class="contact_input" />
                </div>
                <div class="form_row">
                  <label class="contact"><strong>Apellido Materno :</strong></label>
                  <input type="text" name="txtApeMaterno" id="txtApeMaterno" class="contact_input" />
                </div>
                <div class="form_row">
                  <label class="contact"><strong>Sexo :</strong></label>
                     <select name="cboSexo" id="Sexo">
                  <option value="F">Femenino</option>
	          <option value="M">Masculino</option>
                  </select>
                </div>
                <div class="form_row">
                  <label class="contact"><strong>Email:</strong></label>
                  <input type="text" name="txtEmail" id="txtEmail" class="contact_input" />
                </div>
                 <div class="form_row">
                  <label class="contact"><strong>Fecha de Nacimiento</strong></label>
                  <input type="text" name="txtFecNacimiento" id="txtFecNacimiento" value ="dd-mm-aaaa" />
                </div>
                 <div class="form_row">
                  <label class="contact"><strong>Usuario:</strong></label>
                  <input type="text" class="contact_input" name="txUsuario" id="txUsuario"  />
                </div>
                 <div class="form_row">
                  <label class="contact"><strong>Contrasena: </strong></label>
                  <input type="password" name="txtPassword" id="txtPassword" />
                </div>
                <div class="form_row">
                  <label class="contact"><strong>Tipo Persona:</strong></label>
	        <select name="cbotipopersona" id="cbotipopersona">
	        <%@page import="tienda.dao.TipoPersonaDAO,tienda.negocio.*,tienda.modelo.*,java.util.Collection"%>
			<%
			TipoPersonaDAO tpdo=new TipoPersonaDAO();
			Collection<TipoPersona> listapersona=tpdo.listar();
    		for (TipoPersona r : listapersona){%>
				<option value="<%=r.getIdTipoPersona()%>"><%=r.getDescripcion()%></option>
    		<%}
			%>
            </select>

                </div>
                  <div class="form_row">
                  <label class="contact"><strong>Celular :</strong></label>
                  <input type="text" name="txtNumCelular" id="txtNumCelular" value="" onkeyUp="return ValNumero(this);" onchange="0"  />
                </div>
                
              <div class="form_row">
                  <label class="contact"><strong>Documento:</strong></label>
                  <select name="cboTipDocumento" id="cboTipDocumento">
	          <option value="1">DNI</option>
	          <option value="2">PASAPORTE</option>
              <option value="3">CARNET DE EXTRANJERIA</option>
          </select>
                </div>
                <div class="form_row">
                  <label class="contact"><strong>Nro Documento:</strong></label>
                  <input type="text" name="txtNroDocumento" id="txtNroDocumento" value="" onkeyUp="return ValNumero(this);" onchange="0" class="contact_input" />
                </div>
                </div>
              <div class="form_row">
                <input type="reset" name="btnCancelar" id="btnCancelar" value="Cancelar" />
                <input type="submit" name="btnGuardar" id="btnGuardar" value="Grabar" />
              </div>
              </div><br>${MENSAJE }
   </form>          
            </div>
                                 
        </div>


   
   </div>
   <%@include file="right_content.jsp"%>
   </div>
   
<%@include file="footer.jsp"%>
</div>

</body>
</html>